*{
    margin: 0;
    padding: 0;
}
.active input{
   border: 1px solid #c9c9c9!important;
}
.active input{
    padding: 6px;
    width: 300px;
    border: 1px solid #1f1e1d;
    outline:none;
    margin-top: 8px;
}
.lp img{
    position: relative;
    left: 269px;
    top: -41px;
}
.ws{
    margin-top: -15px!important;
}
.my-lg-0 ul li{
    list-style: none;
    float: left;
    padding-left: 30px;
}
.my-lg-0 ul a{
    color: #777777;
}
.bs a{
    border-radius: 5px;
    color: white!important;
    padding: 6px 8px;
    background: #169af3;
}
.my-lg-0 ul a:hover{
    color: #169af3;
    text-decoration: none;
}
.hard{
    background: #2c323b;
    width: 100%;
    height: 58px;
}
.mq ul li{
    list-style: none;
    float: left;
    padding: 17px 20px;
    margin-top: -16px;
}
.mq ul a{
    color:#bbbbbb;
}
.mq ul a:hover{
    text-decoration: none;
    color: white;
}
.mq ul li:hover{
    background: #169af3;

}
.mq ul li:nth-child(1){
    background: #169af3;
}
.mq:after,
.mq:before{
    content: "";
    display: block;
    clear: both;
}
.mq-1 ul li{
    list-style: none;
    float: left;
    padding-left: 20px;
}
.mq-1 ul a{
    color: #bbbbbb;
    text-decoration: none;
}
.mq-1 ul a:hover{
    color: #169af3;
    text-decoration: none;
}
.banner:after,
.banner::before{
    display: block;
    content: "";
    clear: both;
}
.banner{
    width: 100%;
    position:absolute;
}
.banner img{
    height: 349px!important;
}
.banner-1{
    background: #2c323b;
    height: 60px;
    position:relative;
    top: -60px;
    opacity: 0.7;
    overflow: hidden;
}
.carousel-indicators {
    right: 0;
    bottom: 0;
    left: 0;
    top: 254px;
}
.xz{
    margin-top: 15px;
}
.xz a{
    color: white;
}
.jx{
    margin-top: 370px;
}
.rm{
    margin-top: 370px;
    margin-left: 91px;
}
.jx span{
    color: #169af3;
}
.jx-1{
    text-align: right;
    margin-top: -40px;
}
.jx-1 a{
    color: #2c323b;
}
.jx-1 a:hover{
    text-decoration: none;
}
.main-1{
    margin-top: 20px;
}
.mf-1{
    overflow: hidden;
    width: 350px;
    height: 307px;
}
.mf-1 img{
    width: 350px;
    height: 307px;
    transition: all 1s;
}
.mf-1 img:hover{
    transform: scale(1.1);
}
.mf-1:hover{
    background: #000000;
    opacity: 0.7;
}
.mf-2{
    text-align: center;
}
.mf-2 img{
    overflow: hidden;
    width: 150px;
    height: 150px;
    transition: all 1s;
    margin-bottom: 6px;
}
.mf-2 img:hover{
    border-top: 4px solid #169af3;
}
.vn img{
    width: 26.4%;
    float: left;
    margin-right: 10px;
    margin-bottom: 15px;
}
.vn-1{
    padding-top: 40px;
}
.vn-1 a{
    color: #2c323b;
}
.vn-1 a:hover{
    text-decoration: none;
    color: #1f1e1d;
}
.vn::after,
.vn::before{
    display: block;
    content: "";
    clear: both;
}
.bf{
    text-align: center;
}
.bf img{
    width: 70px;
    height: 70px;
    padding: 8px 8px;
    position: absolute;
    top: 130px;
    z-index: 99;
    left: 150px;
    display: none;
}
.mn:hover .bf img{
    display: inline-block;
}
.main-2 img{
    width: 100%;
    margin-bottom: 30px;
}
.xg{
    float: left;
    margin-right: 35px;
}
.xg span{
    color: #169af3;
    float: left;
}
.gx{
    float: left;
}
.gx li{
    list-style: none;
    float: left;
    padding-left: 25px;
    margin-top: -4px;
}
.gx a{
    color: #1f1e1d;
}
.gx a:hover{
    text-decoration: none;
    color: #169af3;
}
.yb{
    text-align: right;
    margin-top: 13px;
}
.yb img{
    margin-right: 6px;
    margin-top: -4px;
}
.yb a{
    color: #343434;
    padding: 4px 10px;
    border: 1px solid #343434;
}
.yb a:hover{
    color: #343434;
    border: 1px solid #169af3;
    text-decoration: none;
}
.gx::before,
.gx:after{
    display: block;
    content: "";
    clear: both;
}
.xz .active a{
    color: #169af3;
}
.yb-1{
    margin-top: 20px;
    border-bottom: 1px solid #c8c5c5;
    margin-bottom: 10px;
}
.yb-2 li{
    list-style: none;
    cursor:pointer;
    padding: 8px;
    position: relative;
}
.yb-2 a{
    color: #2c323b;
    font-size: 14px;
}
.yb-2 a:hover{
    text-decoration: none;
}
.yb-2 ul li:hover a{
    color: #169af3;
}
.yb-2 span{
    float: right;
}
.yb-2 img{
    display: none;
    position:absolute;
    top: 13px;
    left: 200px;
}
.yb-2 ul li:hover  .xs img{
    display: block;
}
.one-1{
    margin-left: 20px;
    margin-right: 6px;
}
.wt div{
    display: none;
}
.wt .active{
    display: block!important;
}
.tj{
    margin-top: 5px;
    margin-bottom: 12px;
}
.tj span{
    color: #169af3;
}
.tj a{
    float: right;
    margin-top: -35px;
    color: #343434;
}
.tj a:hover{
    text-decoration: none;
}
.tj-1 img{
    width: 100%;
}
.tj-2{
    width: 100%;
}
.tj-2 img{
    float: left;
    width: 50%;
    padding: 6px 1px;
}
.tj-4{
    width: 100%;
}
.tj-4 img{
    float: left;
    width: 50%;
    padding: 6px 1px;
}
.tj-2 img{
    position: relative;
}
.tj-3 img{
    width: 50px;
    height: 60px;
    position: absolute;
    left: 79px;
    margin-top: 22px;
    display: none;
}
.tj-2:hover .tj-3 img{
    display: block;
}
.tj-4 img{
    position: relative;
}
.tj-5 img{
    width: 50px;
    height: 60px;
    position: absolute;
    right: 77px;
    margin-top: 22px;
    display: none;
}
.tj-4:hover .tj-5 img{
    display: block;
}
.tj-4:hover,
.tj-2:hover{
    background: #1f1e1d;
    opacity: 0.9;
}
.tj-6{
    width: 50%;
    float: left;
}
.tj-7{
    width: 50%;
    float: right;
}
.tj-6 a,
.tj-7 a{
    font-size: 16px;
    color: #1f1e1d;
}
.tj-6 p,
.tj-7 p{
    font-size: 16px;
    color:#777777;
}
.tj-6 a:hover,
.tj-7 a:hover{
    text-decoration: none;
}
.tj-6 a:hover
.tj-7 a:hover{
    text-decoration: none;
}
.sy img{
    width: 100%;
    margin-top: 30px;
    margin-bottom: 30px;
}
.sy-2 h2 span{
    color: #169af3;
}
.sy-2 h2 a{
    font-size: 16px;
    color: #777777;
    float: right;
    margin-top: 10px;
}
.sy-2 h2 a:hover{
    text-decoration: none;
    color: #169af3;
}
.sy-3 ul li{
    list-style: none;
    float: left;
    padding-left: 20px;
    position: relative;
}
.sy-3 p{
    color: #2c323b;
    margin-top: 10px;
    text-align: center;
}
.sy-3 p:hover{
      text-decoration: none;
      color: #169af3;
  }
.sy-3 a:hover{
    text-decoration: none;
    color: #169af3;
}
.sy-3 li img:hover{
    background: #777777;
    opacity: 0.7;
}
.sy-3 i{
    text-align: center;
    position: relative;
    left: 37px;
    top: -126px;
    opacity: 0;
}
.sy-4{
    position: absolute;
    width: 36px;
    height: 36px;
    margin: auto;
}
.sy-3 li:hover .sy-4{
    opacity: 1;
}
.sy-3::before,
.sy-3:after{
    display: block;
    content: "";
    clear: both;
}
.sy-2{
    margin-bottom: 20px;
}
.kl li{
    margin-top: -30px;
}
.sy-1 .col-md-4 ul li{
    display: inline-block;
    padding-left: 15px;
}
.bsa li span{
    color: #169af3;
}
.bsa li a{
    color: #1f1e1d;
}
.bsa li a:hover{
    color: #169af3;
    text-decoration: none;
}
.sy-1 .col-md-4 .huayu div a{
    position: relative;
}
.sy-1 .col-md-4 .huayu .top span{
    position: absolute;
    top:66px;
    left: 9px;
}
.sy-1 .col-md-4 .huayu .bottom span{
    position: absolute;
    top:43px;
    left: 9px;
}
.sy-1 .col-md-4 .huayu .top img{
    width: 49%;
}
.sy-1 .col-md-4 .huayu .bottom img{
    width: 32%;
}
.zjl{
   margin: 0 2px;
}
.sab ul li:nth-child(2) a{
    color: #169af3;
}
.huayu>div{
    display: none;
}
#xs{
    margin-top: 10px;
}
#xs a{
    color: #555555!important;
}
.top span{
    color: white;
}
.bottom span{
    color: white;
}
.huayu ul li a{
    width: 6px;
    height:6px;
    border-radius: 6px;
    background-color: #555555;
    display: inline-block;
    cursor: pointer;
}
.huayu ul li:nth-child(1) a{
    background-color: #169af3;
}
.huayu .ok{
    display: block;
}
.sn img{
    width: 100%;
    margin: 30px 0;
}
.hz_logo{
    text-align: center;
    margin-bottom: 30px;
}
.hz_logo a img{
    width: 12.5%;
    padding: 6px;
    border: 1px dashed #ccc;
    margin-bottom: 10px;
}
.hz_logo a{
    margin:  0 12px 12px 0;
}
.bt span{
    color: #169af3;
}
.hz-1{
    margin-bottom: 30px;
}
.hz-1 span{
    color: #169af3;
}
.hz-1 ul li{
    display: inline-block;
    width: 125px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.hz-1 a{
    font-size: 14px;
    color: #555;
}
.hz-1 a:hover{
    text-decoration: none;
}
footer{
    background: #1f1e1d;
}
.gy{
    text-align: center;
    border-bottom: 1px solid #777777;
    margin-bottom: 30px;
}
.gy a{
    font-size: 15px;
}
.gy ul li{
    display: inline-block;
    margin-top: 20px;
}
.gy a{
    color: #b1b3b9;
}
.gy a:hover{
    text-decoration: none;
}
.gy ul li:after{
    content: "|";
    padding-left: 7px;
    color: #777777;
}
.gy ul li:nth-child(12):after{
    content: "";
}
.gu-1{
    padding-bottom: 30px;
}
.gu-1 p{
    font-size: 15px;
    text-align: center;
    color:#b1b3b9;
}
.gu-1 a{
    color:#b1b3b9;
}
.mq-1 img{
    margin-right: 8px;
}
.mq-1{
    position: relative;
}
.mq-1 img{
    margin-top: -4px;
}
.mq-1 .cl{
    position: absolute;
    left: 20px;
    top: 11px;
    display: none;
}
.mq-1 ul li:hover .cl{
    display: block;
}
.mq-1 .cl-1{
    position: absolute;
   left: 124px;
    top: 9px;
    display: none;
}
.mq-1 ul li:hover .cl-1{
    display: block;
}
.mq-1 .cl-2{
     position: absolute;
     left: 225px;
     top: 11px;
     display: none;
 }
.mq-1 ul li:hover .cl-2{
    display: block;
}
.mq-1 .cl-3{
    position: absolute;
    left: 316px;
    top: 9px;
    display: none;
}
.mq-1 ul li:hover .cl-3{
    display: block;
}
.mq-1 .cl-4{
    position: absolute;
    left: 421px;
    top: 10px;
    display: none;
}
.mq-1 ul li:hover .cl-4{
    display: block;
}










@media (max-width: 600px) {
    .bs{
        margin-top: 8px;
    }
    .hard{
        height: 189px;
    }
    .mq{
        margin-top:5px;
    }
    .mq ul li{
        width: 100%;
    }
    .mq-1{
        display: none;
    }
    .mq-1 ul li{
        width: 30%;
    }
    .banner{
        margin-top: 20px;
        height: 200px;
    }
    .banner img{
        height: 100px!important;
    }
    .carousel-indicators {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        top: 80px;
    }
    .jx{
        margin-top: 139px;
    }
    .mf-1{
        width: 100%;
    }
    .mf-1 img{
        margin-left: -5px;
        width: 100%;
    }
    .mf-2 img{
        float: left;
        width: 50%;
    }
   .yc{
       display: none;
   }
    .vn-1{
        padding-top: 28px;
    }
    .yb{
        display: none;
    }
    .main-2 img{
        margin-top: 20px;
        height: 50px;
    }
    .yb-2{
        margin-top: 100px;
    }
    .yb-1{
        display: none;
    }
    .xg{
        text-align: center!important;
    }
    .kl{
        display: none;
    }
    .re h2{
        width: 100%;
        margin-bottom: 20px;
    }
    .re-1 li{
       display: none;
    }
    .hz_logo a{
        float: left;
        display: inline-block;
        margin: 0 12px 12px 0;
    }
    .hz_logo a img{
        width: 100%;
        padding: 0;
    }
}
#fh{
    text-align: center;
    width: 50px;
    height: 50px;
    border: 1px solid #707070;
    position: fixed;
    right: 0;
    bottom: 50px;
    background: white;
    cursor: pointer;
    display: none;
    transition: 1s;
}
#fh img{
    text-align: center;
    margin-top: 15px;
}
#fh img:hover{
    text-decoration: none;
    transform: rotate(360deg);
    transition: all 1s;
}
#fh:hover{
    transform: rotate(360deg);
    transition: all 1s;
    background: #000;
    border: 1px solid #000;
}
.fh span{
    position: relative;
    top: -30px;
    font-size: 17px;
    display: none;
}
#fh:hover .fh span{
    display: block;
    color: white;
    font-weight: 400;
}